<template>
  <div class="city">
    <Heade/>
      <div>
         <city-list :hotCities="hotCities" :cities="cities"/>
      </div>
    </div>
</template>
<script>
  import Heade from './pages/Heade'
  import CityList from "./pages/List"
  export default{
    data(){
      return{
        hotCities:[],
        cities:[]
      }
    },
    components:{
      Heade,
      CityList
    },
    mounted(){
      this.$axios.get("http://yuanyuanyuan.xyz/qunaerw/meng.php").then(request=>{
       console.log(request.data)
        let data=request.data.data;
        this.hotCities=data.hotCities;
        this.cities=data.cities;
      })
    }
  }
</script>
<style scoped>
.city{
  background-color: #f5f5f5;
}

</style>
